<template>
  <div>
    <h1>新闻信息</h1>
    <ul>
      <li v-for="news in data.newsList" :key="news.id" @click="go(news.id)">{{news.title }}</li>
    </ul>
  </div>
</template>

<script lang='ts' setup>
import {reactive} from 'vue'
import {useRouter} from 'vue-router'
const router=useRouter()
const go=(id:number)=>{
  router.push(`/newsDetail/${id}`)
}
const data=reactive({
  newsList:[
    {
      id:1,
      title:'中央金融委员会首次公开发声 这些重要信息值得关注',
      browserNum:0,
      collect:false
    },
    {
      id:2,
      title:'首届中国国际供应链促进博览会准备就绪',
      browserNum:0,
      collect:false
    },
    {
      id:3,
      title:'加强科技创新和成果转化 推动钢铁业高质量发展',
      browserNum:0,
      collect:false
    }
  ]
})
</script>

<style lang='scss' scoped>
</style>